body {overflow-x: hidden;}
.pc {display: block;}
.mobile {display: none;}


@media only screen and (max-width: 768px) {
    .pc {display: none;}
    .mobile {display: block;}
    
    .mobile.nav>a {text-align: center;display: block;margin-top: 15px;margin-bottom: 15px;width: 100%;}
    .mobile.nav>a img {height: 40px;}

    .navlist ul li {width: 25%;}
    .navlist ul li:nth-child(4) > a {background: none;}

    .mobile-banner .swiper-slide img {width: 100%;}
    .mobile-banner .swiper-slide a {display: block;height: 100%;}

    .hotline {top: -30px;line-height: 40px;padding-left: 15px;background: #0065a5;padding-right: 15px ;}
    .hotline a {margin-right: 5px;}

    .searchborder {width: 100%;right: 0;left: 0;margin-top: 0;margin-bottom: 3px;}
    .searchborder input[type=text] {width: calc(100% - 60px);}

    .indexpro_fl h5 {float: none;width: 100%;line-height: 50px;height: 50px;}
    .indexpro_fl a {width: 47%;margin-left: 3%;line-height: 40px;}
    .indexpro_fl a:last-child {line-height: 40px;height: 40px;}


    .indexproduct ul li {width: 46%;margin-left: 1%;margin-right: 1%;margin-bottom: 1%;}
    .indexproduct ul li a div.indexpro_pic {width: 100%;height: auto;}
    .indexproduct ul li a div.indexpro_pic>img {width: 100%;position: relative;transform: none;left: 0;top: 0;}

    .company .mycontainer h2 {font-size: 22px;}
    .company .comtit p {margin-top: 25px;}

    .company .comcontent>a {display: none;}
    .company .comcontent div {width: 100%;height: 90px;padding-left: 30px;padding-top: 13px;}
    .company .comtext_l {width: 100%;padding-left: 30px;}
    .company .comtext_r {width: 100%;margin-top: 0;margin-left: 0;color: #333;}
    .company .comtext_r h5 {padding-top: 20px;}

    .honor li {width: 100%;height: auto;}
    .honor li a img {width: 100%;position: relative;top: 0;left: 0;transform: none;}

    .swiper-case .swiper-slide .caseinto {display: none;}
    .swiper-case .swiper-slide .casepic {height: 165px;}
    .swiper-case .swiper-slide img {width: 100%;position: relative;top: 0;left: 0;transform: none;}
    .swiper-case .swiper-slide .case_text {height: auto;}

    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 3px;}

    .advantage>img { width: 100%;}
    .adv_r {width: 100%;float: none;margin-top: 15px;}
    .fd_adv {width: 100%;height: auto;position: relative;right: 0;top: 0;padding: 15px;margin-top: 10px;}
    .adv_r ol li {width: 100%;margin-left: 30px;margin-top: 10px;}
    .tel {position: relative;top: 0;right: 0;padding-left: 50px;margin-top: 20px;}
    
    .swiper-adv .swiper-button-next {right: 15px;}
    .swiper-adv .swiper-button-prev {left: auto;right: 63px;}

    .news_l {width: 100%;}
    .news_r {width: 100%;margin-top: 15px;}
    .news_r a {background-position: left center;}
    .news_r a div {width: 100px;}
    .news_r a p {width: calc(100% - 140px);margin-right: 15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; }

    .coopbg h3 {font-size: 22px;}
    .fot_top div {float: left;width: 100%;height: 80px;padding-top: 15px;padding-left: 60px;background-size: 30px;background-position: 20px;}
        
    .fotlogo {width: 100%;}
    .fotlogo img {height: 45px;}

    .fot_m1 {width: 100%;margin-left: 0;margin-top: 20px;}
    .fot_m2 {width: 100%;margin-left: 0;margin-top: 20px;}
    .fot_m3 {width: 100%;margin-left: 0;margin-top: 20px;}

    .proside {width: 100%;display: none;}

    .info-right {width: 100%;}

    #info p img {width: 100%;}

    .product ul li {width: 48%;margin-left: 0;margin-right: 0;}
    .product ul li a>div {width: 100%;height: auto;}
    .product ul li a>div img {width: 100%;position: relative;top: 0;left: 0;transform: none;}
    .product ul li:nth-of-type(3n) {margin-right: 0;}
    .product ul li:nth-of-type(2n + 1) {margin-right: 2%;}

    .detail_right {width: 100%;}
    .detail_ico img {width: 100%;}

    .izl-rmenu a.btn-qq {display: none;}
    .izl-rmenu .btn-wx {display: none;}
    .izl-rmenu .btn-phone {display: none;}
    .izl-rmenu .btn-top {transform: scale(0.5);transform-origin: center right;}

    .newpro li {width: 49%;}
    .case_pic ul li {width: 49%;margin-right: 0.5%;height: 140px;}
    .newpro_pic {height: 130px;}
    .input-group textarea {margin-top: 20px;}
}